<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>meta-viewport</title>
</head>
<body>
   <ul>
    <li>使用 viewport 来控制浏览器视口的宽度和缩放比例</li>
    <li>添加 width=device-width 以便让视口的宽度与设备一致</li>
    <li>添加 initial-scale=1.0 设置初始缩放比例为1.0</li>
    <li>添加 user-scalable=no 使得用户不能放大或缩小网页
        <ul>
            <li>minimum-scale=1.0, maximum-scale=1.0 是为了兼容ios10（不支持 user-scalable 导致用户仍可缩放）</li>
        </ul>
    </li>
   </ul>
</body>
</html>